<template>
  <view class="container" :style="appThemeStyle">
    <view class="cell-group">
      <view class="cell-item" @click="$navTo('messagepages/setting/open')">
        <view class="label">门店IM开启状态</view>
        <view class="value">
          <text class="iconfont icon-arrow-right"></text>
        </view>
      </view>
      <view class="cell-item" @click="$navTo('messagepages/setting/online')">
        <view class="label">门店在线状态</view>
        <view class="value">
          <text class="iconfont icon-arrow-right"></text>
        </view>
      </view>
      <view class="cell-item" @click="$navTo('messagepages/setting/auto-reply')">
        <view class="label">自动回复</view>
        <view class="value">
          <text class="iconfont icon-arrow-right"></text>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  name: "index",
  data() {
    return {
    }
  },
  onLoad() {
  },
  methods: {
  }
}
</script>

<style scoped lang="scss">
.container {
  padding: 24rpx;

  .cell-group {
    padding: 16rpx 24rpx;
    background: #fff;
    border-radius: 16rpx;

    .cell-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 24rpx 0;
      border-bottom: 1rpx solid #eee;

      &:last-child {
        border: none;
      }

      .label {
        font-size: 28rpx;
        color: #333333;
      }

      .value {
        display: flex;
        align-items: center;

        text {
          color: #666;
          font-size: 40rpx;
        }
      }
    }
  }
}
</style>
